<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>index</title>
    <link rel="stylesheet" type="text/css" href="css/index.css">
</head>
<body>
   <div class="banner">
       <div id="loutinav" class="navTop">
           <div class="w_1200">
               <div class="logo fl">
                   <img src="images/logo.png">
               </div>
               <div class="menu">
                    <ul>
                        <li class="active"><span>首页</span> </li>
                        <li><span>智能护眼</span> </li>
                        <li><span>简单好用</span> </li>
                        <li><span>调节蓝光</span> </li>
                        <li><span>合作伙伴</span> </li>
                        <li><span>关于我们</span> </li>
                    </ul>
                </div>
               <div class="tel fl">
                   <i><img src="images/tel.png"></i>400-888-8888
               </div>
           </div>  
       </div>
       <div class="bannerTxt louti">
           <div class="w_1200">
               <div class="t_1">
                   <h2>护眼卫士，呵护您的眼睛健康</h2>
                   <p>电脑护眼软件，智能调整屏幕颜色亮度，防蓝光伤害。</p>
                   <div class="bannerBtn">
                       <a href="" target="_blank">立即下载</a>
                   </div>
               </div>
               <img src="images/Computer.png" class="c_1">
           </div>
       </div>
   </div>
   <div class="software louti">
       <div class="jkTit">
           <h2>智能护眼软件</h2>
           <p>智能调整屏幕颜色亮度，防蓝光伤害</p>
       </div>
       <div class="w_1200 softCon">
           <div class="use_1">
              <em></em>
              <img src="images/love.png">
              <h3>智能呵护</h3>
              <p>根据需要自定义调节不同的护眼模式</p>
           </div>
           <div class="use_1">
              <em></em>
              <img src="images/eye.png">
              <h3>电脑护眼</h3>
              <p>长时间使用电脑办公，再也不用担心
电脑屏幕对眼睛的损害</p>
           </div>
           <div class="use_1">
              <em></em>
              <img src="images/light.png">
              <h3>调节光线</h3>
              <p>更加全面，更加细致的调节功能，总
能让您调到适合自己的光线</p>
           </div>
           <div class="use_1">
              <em></em>
              <img src="images/Blu ray.png">
              <h3>防止蓝光</h3>
              <p>改变屏幕色温，更大限度的降低蓝光对
眼睛的伤害，更适合长时间观看屏幕</p>
           </div>
       </div>
   </div>
   <div class="easyUse louti">
       <div class="jkTit">
           <h2>简单好用</h2>
           <p>专心做好护眼功能，还您一个清净的使用场景</p>
       </div>
       <div class="useCon">
          <div class="w_1200">
              <div class="use_1">
                <img src="images/Intelligence.png">
                <div class="btn">智能模式</div>
                <p>选择模式调节，而亮度会根据选择的模式调整亮度，不太会的模式调节的话，可选择智能模式的状态</p>
              </div>
              <div class="use_1">
                <img src="images/work.png">
                <div class="btn">办公模式</div>
                <p>过滤最为有害的蓝紫光，适当保留蓝绿光，便于在工作中集中注意力</p>
              </div>
              <div class="use_1">
                <img  src="images/Movies.png">
                <div class="btn">影视模式</div>
                <p>色彩比例保真，适用于喜欢的夜间关灯看电影的您。</p>
              </div>
              <div class="use_1">
                <img src="images/Game.png">
                <div class="btn">游戏模式</div>
                <p>完美展示炫酷特效，不过为了眼睛健康，请您适度游戏哦~</p>
              </div>
          </div>
       </div>
   </div>
   <div class="blueLight louti">
       <div class="jkTit">
           <h2>调节蓝光</h2>
           <p>专业级屏幕蓝光调节，过滤蓝光让您的眼睛更舒服。</p>
       </div>
       <div class="imgCon">
           <img src="images/Blu.png">
       </div>
   </div>
   <div class="partner louti">
       <div class="jkTit">
           <h2>合作伙伴</h2>
           <p>双方相互信任、共担风险，共享信息。</p>
       </div>
       <div class="w_1200 partCon">
           <ul>
              <li>
                  <img src="images/360.png">
              </li>
              <li>
                  <img src="images/360.png">
              </li>
              <li>
                  <img src="images/360.png">
              </li>
              <li>
                  <img src="images/360.png">
              </li>
              <li>
                  <img src="images/360.png">
              </li>
              <li>
                  <img src="images/360.png">
              </li>
              <li>
                  <img src="images/360.png">
              </li>
              <li>
                  <img src="images/360.png">
              </li>
              <li>
                  <img src="images/360.png">
              </li>
              <li>
                  <img src="images/360.png">
              </li>
           </ul>
       </div>
   </div>
   <div class="aboutUS louti">
       <div class="aboutBg"></div>
       <div class="aboutCon">
           <div class="jkTit">
               <h2>关于我们</h2>
               <p>找方法才能成功，找借口只有失败</p>
           </div>
           <div class="pathCon">
               <div class="path" id="dituContent"></div>
               <div class="aboutText">
                   <ul>
                       <li>
                           <span>商务合作：</span>
                           <span class="blue_t">400-8888-888</span>
                       </li>
                       <li>
                           <span>公司网址：</span>
                           <span class="grey_t">www.jiuku.com</span>
                       </li>
                   </ul>
                   <ul>
                       <li>
                           <span>企业邮箱：</span>
                           <span class="grey_t">jiuku@163.com</span>
                       </li>
                       <li>
                           <span>工作时间：</span>
                           <span class="grey_t">9:30-17:30</span>
                       </li>
                       <li>
                           <span>工作地址：</span>
                           <span class="grey_t">南京市建邺区河西大街198号3单元11楼1109室</span>
                       </li>
                   </ul>
               </div>
           </div>
       </div>
   </div>
   <div class="footer">
       <div class="w_1200">
           <div id="output"></div>
           <div class="footLeft">
               <div class="footerMenu">
                   <ul>
                        <li><span>首页</span> </li>
                        <li><span>智能呵护</span> </li>
                        <li><span>简单好用</span> </li>
                        <li><span>调节蓝光</span> </li>
                        <li><span>合作伙伴</span> </li>
                        <li><span>关于我们</span> </li>
                    </ul>
               </div>
               <p class="f_info">找方法才能成功，找借口只有失败。</p>
               <p class="f_copyright">苏ICP备15015624号 copyright:2015 Wanshengweiye, Inc. All rights reserved.  </p>
           </div>
       </div>
   </div>
   <script type="text/javascript" src="js/jquery.min.js"></script>
   <script type="text/javascript" src="js/juliang.js"></script>
   <script type="text/javascript" src="http://api.map.baidu.com/getscript?v=2.0&ak=Nkbykwi4R32cTE29MeZzi659xGqeooM6"></script>
   <script type="text/javascript" src="js/qrcode.min.js"></script>
   <script type="text/javascript">
    //创建和初始化地图函数：
    function initMap(){
      createMap();//创建地图
      setMapEvent();//设置地图事件
    }
    function createMap(){ 
      map = new BMap.Map("dituContent"); 
      map.centerAndZoom(new BMap.Point(118.723506,32.005929),19);
    }
    function setMapEvent(){
      map.enableScrollWheelZoom();
      map.enableKeyboard();
      map.enableDragging();
      map.enableDoubleClickZoom()
    }
      var map;
      initMap();

     // 二维码生成
    $(function(){
       $('#output').qrcode("http://www.baidu.com");
    });


   </script>

</body>
</html>